<template>



    <a-list item-layout="horizontal" :data-source="imageList.item" :grid="{ gutter: 16, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: 3 }" >
        
        <template #renderItem="{ item }">
            <a-card hoverable >
                <template #cover>
                    <img alt="example" :src="item.urlImage" height="100px"max-width="200px"/>
                </template>
                <a-card-meta :title="item.title">
                    <template #description>{{  }}</template>
                </a-card-meta>
            </a-card>

        </template>
    </a-list>




</template>

<script lang="ts" setup>
// import gege from "../assets/鸡哥.png"
 defineProps(['imageList'])



</script>

<style lang="scss" scoped></style>